<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>泓泰天诚</title>
    <link rel="stylesheet" href="css/data.css">
    <script>
        var t = null;
        t = setTimeout(time, 1000); //開始运行
        function time() {
            clearTimeout(t); //清除定时器
            dt = new Date();
            var y = dt.getFullYear();
            var mt = dt.getMonth() + 1;
            var day = dt.getDate();
            var h = dt.getHours(); //获取时
            var m = dt.getMinutes(); //获取分
            var s = dt.getSeconds(); //获取秒
            document.querySelector(".showTime").innerHTML =
                "数据导入时间: " +
                y +
                "/" +
                mt +
                "/" +
                day +
                "/" +
                h +
                "时" +
                m +
                "分" +
                s +
                "秒";
            t = setTimeout(time, 1000); //设定定时器，循环运行
        }
    </script>
</head>

<body>
    <section class="center">
        <div class="zuo">
            <!-- 左导航栏 -->
            <nav>
                <ul>
                    <li class="du"><a href="#">泓泰天诚</a></li>
                    <li class="icon-1"><a href="temperature.html">温度数据维护</a></li>
                    <li class="icon-2"><a href="#">压力数据维护</a></li>
                    <li class="icon-3"><a href="data.html">炉管数据比较</a></li>
                    <li class="icon-4"><a href="#">炉管结焦诊断</a></li>
                    <li class="icon-5"><a href="#">用户信息管理</a></li>
                    <li class="icon-6"><a href="#">系统参数设置</a></li>
                    <li class="icon-7"><a href="#">退出</a></li>
                    <li class="xian"></li>
                </ul>
            </nav>
        </div>
        <div class="you">
            <header class="header">
                <div class="date">
                    从 <input type="number" class="bian_ju"> 年 <input type="number"> 月 <input type="number"> 日 <span class="ri_li"></span> 到
                    <input type="number" class="bian_ju"> 年 <input type="number"> 月 <input type="number"> 日 <span class="ri_li"></span>
                </div>
                <div class="button" style="background-color: #5596e4;"><a href="#">开始比较</a></div>
                <div class="button" style="background-color: #344750;"><a href="#">导出图片</a></div>
            </header>

            <div class="liang">
                <div class="button" style="background-color: #5596e4;"><a href="#">文丘里</a></div>
                <div class="button" style="background-color: #344750;"><a href="#">横跨段</a></div>
            </div>

            <div class="shu_ju showTime"></div>

            <section class="list">
                <h1>LAST ORDERS <span class="orange">19G</span>
                    <div class="tu_biao">
                        <a href="#" class="biao1"></a>
                        <a href="#" class="biao2"></a>
                        <a href="#" class="biao3"></a>
                        <a href="#" class="biao4"></a>
                    </div>
                </h1>

                <ul>
                    <li class="hd">
                        <span class="wql1"><a href="#"></a></span>
                        <span class="wql2" style="color: #000;">日期</span>
                        <span class="wql3" style="color: #000;">文丘里1</span>
                        <span class="wql4" style="color: #000;">文丘里2</span>
                        <span class="wql5" style="color: #000;">文丘里3</span>
                        <span class="wql6" style="color: #000;">文丘里4</span>
                    </li>
                    <li class="hd color">
                        <span class="wql1"><input type="checkbox"></span>
                        <span class="wql2"># 9652</span>
                        <span class="wql3">Kode Gaming Laptop</span>
                        <span class="wql4">John Doe</span>
                        <span class="wql5">12/10/2015</span>
                        <span class="wql6">Credit Card</span>
                    </li>
                    <li class="hd">
                        <span class="wql1"><input type="checkbox"></span>
                        <span class="wql2"># 1960</span>
                        <span class="wql3">New Season Jacket</span>
                        <span class="wql4">John Doe</span>
                        <span class="wql5">12/10/2015</span>
                        <span class="wql6">Paypal</span>
                    </li>
                    <li class="hd color">
                        <span class="wql1"><input type="checkbox"></span>
                        <span class="wql2"># 9652</span>
                        <span class="wql3">IO Mouse</span>
                        <span class="wql4">Jonathan Dae</span>
                        <span class="wql5">12/10/2015</span>
                        <span class="wql6">Credit Card</span>
                    </li>
                    <li class="hd bb">
                        <span class="wql1"><input type="checkbox"></span>
                        <span class="wql2"># 9651</span>
                        <span class="wql3">Doe Bike</span>
                        <span class="wql4">Jonathan Dae</span>
                        <span class="wql5">12/10/2015</span>
                        <span class="wql6">Credit Card</span>
                    </li>
                </ul>
            </section>
        </div>
    </section>

</body>

</html>